<!--导航栏-->
<!--导航栏超链接css,改为白色粗体字-->
<style type="text/css">
.Nav-a:link {
#color: #FFFFFF;
font-weight:bold;
}
.Nav-a:visited {
#color: #FFFFFF;
font-weight:bold;
}
.Nav-a:hover {
#color: #FFFFFF;
font-weight:bold;
}
.Nav-a:active {
	#color: #FFFFFF;
	font-weight:bold;
}
</style>
<nav class="navbar navbar-default  navbar-fixed-top" role="navigation" style="background-color:#"><!--导航栏-->
    <script type="text/javascript">
		function changePage(page){
    		$("#test").load("/bootstrap/"+page);

		}
</script>
<script type="text/javascript">
function exportTo(type) {
	$('.table').tableExport({
		filename: 'table_%DD%-%MM%-%YY%',
		format: type
	});

}
</script>
<style>
li>a{
  text-align: left;
}
</style>
<div class="container-fluid">
	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse"><!--响应式折叠导航栏，bootstrap功能-->
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
		<a class="navbar-brand Nav-a" href="http://113.215.1.161"><span class="glyphicon glyphicon-home"></span>&nbsp监控汇总页</a>
	</div>
	<div class="collapse navbar-collapse" id="example-navbar-collapse">
		<ul class="nav  nav-justified nav-pills">
		<li><a href="#" id="ten80" class="Nav-a" data-toggle="pill" onclick="changePage('CDN_moni/tcpingTable.php')"><span class="glyphicon glyphicon-stats"></span>&nbsp腾讯OC端口监控</a></li>
		<li><a href="#" id="wechat" class="Nav-a" data-toggle="pill" onclick="changePage('CDN_moni/wechat.php')"><span class="glyphicon glyphicon-stats"></span>&nbsp微信资源监控</a></li>
		<li><a href="#" id="CDNdmain" class="Nav-a" data-toggle="pill"  onclick="changePage('CDN_moni/mon_domain.php')"><span class="glyphicon glyphicon-stats"></span>&nbsp域名出网监控</a></li>
		<li><a href="#" id="gov" class="Nav-a" data-toggle="pill"  onclick="changePage('CDN_moni/gov.php')"><span class="glyphicon glyphicon-stats"></span>&nbsp政府网站监控</a></li>
			<li class="dropdown" >
				<a href="#" class="dropdown-toggle Nav-a" data-toggle="dropdown" onclick="$(this).tab('show')">
					<span class="glyphicon glyphicon-stats"></span>&nbsp其他业务监控
					<b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#" id="DDIP" onclick="changePage('CDN_moni/DDIPCheck.php')">调度IP新增监控</a></li>
					<li class="divider"></li>
					<li><a href="#" id="short_video" onclick="changePage('CDN_moni/short_video.html')">短视频监控</a></li>
					<li class="divider"></li>
					<li><a href="#" id="ten100" onclick="changePage('CDN_moni/ten100.php')">腾讯OC-100地址限制</a></li>
				</ul>
			</li>
			<li><a href="#" id="wdgd"  class="Nav-a " data-toggle="pill"  onclick="changePage('CDN_moni/CMDD.php')"><span class="glyphicon glyphicon-stats"></span>&nbsp外地广电调度检测</a></li>
			

			<li class="dropdown" data-toggle="pill" >
				<a href="#" class="dropdown-toggle Nav-a" data-toggle="dropdown" onclick="$(this).tab('show')">
					<span class="glyphicon glyphicon-cog"></span>&nbsp工具
					<b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#" id="nslookup" onclick="changePage('tool/nslookup.php')">域名批量解析</a></li>
					<li class="divider"></li>
					<li><a href="#" id="DDIP_check" onclick="changePage('tool/DDIP.php')">调度IP核对</a></li>
					<li class="divider"></li>
					<li><a href="#" id="DDHL" onclick="changePage('tool/DDHL.php')">对等互联地址核对</a></li>
					<li class="divider"></li>
					<li><a href="#" id="ipsplitbb" onclick="changePage('tool/qerIP.php')">IP归属地查询</a></li>
					<li class="divider"></li>
					<li><a href="#" id="youku_Tool" onclick="changePage('tool/DDHL.php')">优酷视频资源调度</a></li>
					<li class="divider"></li>
					<li><a href="#" id="ipsplitbb" onclick="changePage('tool/splitIP.php')">网段切割</a></li>
					<li class="divider"></li>
					<li><a href="#" id="download">download</a></li>
					<li class="divider"></li>
					<li><a href="#" onclick="window.open('/phpmyadmin/')">数据库管理</a></li>
				</ul>
			</li>
			<li>
			<form class="navbar-form"  role="search" >
        		<div class="input-group">
        			<span class="input-group-addon">表格筛选&nbsp<span class="glyphicon glyphicon-search"></span></span>
            		<input type="text" class="form-control" placeholder="输入查询关键字" onkeyup="search(this)" value="">
        		</div>
    		</form>
			</li>
			<!--
			<li>
				<div class="top-panel">
      				<div class="btn-group">
        				<button type="button" class="btn btn-primary btn-lg dropdown-toggle" data-toggle="dropdown">导出表格 <span class="caret"></span></button>
        					<ul class="dropdown-menu" role="menu">
          						<li><a onclick="exportTo('csv');" href="javascript://">CSV</a></li>
          						<li><a onclick="exportTo('txt');" href="javascript://">TXT</a></li>
          						<li><a onclick="exportTo('xls');" href="javascript://">XLS</a></li>
          						<li><a onclick="exportTo('sql');" href="javascript://">SQL</a></li>
        					</ul>
      				</div>
  				</div>
			</li>-->
		</ul>	
	</div>
</div>

</nav>